import { createBottomTabNavigator, createAppContainer } from "react-navigation";
import Emr from "./Profile_TabScreens/Emr";
import ViewReport from "./Profile_TabScreens/ViewReport";
import Vitals from "./Profile_TabScreens/Vitals";
import { colors } from "../Style/Colors";
import ViewVitals from "./Profile_TabScreens/ViewVitals";
<<<<<<< HEAD
import { hp } from "../Style/responsive";
export const TabBar = createBottomTabNavigator(
  {
    VITALS: Vitals,
    VIEWVITALS: ViewVitals,
    REPORT: ViewReport,
    EMR: Emr
=======

const TabBar = createMaterialTopTabNavigator(
  {
    Vital: Vitals,
    ViewVitals: ViewVitals,
    Report: ViewReport,
    Emr: Emr
>>>>>>> 503b0544130247b48d86f53bc47ed722f01e5c05
  },
  {
    tabBarOptions: {
      activeTintColor: "black",
      inactiveTintColor: colors.whiteColor,
      showIcon: false,
      labelStyle: {
        fontSize: hp("2%")
      },
      style: {
        backgroundColor: colors.primaryColor,
        borderColor: colors.primaryColor,
        justifyContent: "center",
        alignItems: "center",
        marginTop: 0
      }
    }
  }
);

export default createAppContainer(TabBar);
